<!DOCTYPE html>
<html lang="en">
    
<!-- Mirrored from preview.freewebtemplatesdownload.com/syntra/pages-login.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 07 Mar 2018 10:41:59 GMT -->
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="Mannat Themes">
        <meta name="keyword" content="">

        <title>亚马逊</title>

        <!-- Theme icon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!--notifications-->
    <link href="assets/plugins/notifications/notification.css" rel="stylesheet" />

        <!-- Theme Css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet">
        <link href="assets/css/slidebars.min.css" rel="stylesheet">
        <link href="assets/css/icons.css" rel="stylesheet">
        <link href="assets/css/menu.css" rel="stylesheet" type="text/css">
        <link href="assets/css/style.css" rel="stylesheet">
    </head>

    <body class="sticky-header">
        <section class="bg-login">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-sm-12">
                        <div class="wrapper-page">
                            <div class="account-pages">
                                <div class="account-box">
                                    <div class="card m-b-30">
                                        <div class="card-body">
                                            <div class="card-title text-center">
                                                <img src="assets/images/logo_sm_2.png" alt="" class="">
                                                <h5 class="mt-3"><b>欢迎使用亚马逊商家后台</b></h5>
                                            </div>  
                                            <form class="form mt-5 contact-form" action="http://preview.freewebtemplatesdownload.com/syntra/index.html" >
                                                <div class="form-group ">
                                                    <div class="col-sm-12">
                                                        <input class="form-control form-control-line" id="userName" type="text" name="account" placeholder="用户名" required="required">
                                                    </div>
                                                </div>
                                                <div class="form-group ">
                                                    <div class="col-sm-12">
                                                        <input class="form-control form-control-line" id="pwd" type="password" name="password" placeholder="密码" required="required">
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <div class="col-12">
                                                        <label class="cr-styled">
                                                            <input type="checkbox" checked>
                                                            <i class="fa"></i> 
                                                            记住我
                                                        </label>
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group">
                                                    <div class="col-sm-12 mt-4">
                                                        <input href="#" class="btn btn-primary btn-block" type="submit" value="登录" />
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <div class="col-sm-12 mt-4 text-center">
                                                        <a href="#" onclick="$.Notification.autoHideNotify('info', 'top center', '忘记密码!','请联系亚马逊客服重置密码！<br/>（800）8888-8888 <br/>祝您工作愉快！')"><i class="fa fa-lock m-r-5"></i> 忘记密码?</a>
                                                    </div>
                                                </div>

                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- jQuery -->
        <script src="assets/js/jquery-3.2.1.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery-migrate.js"></script>
        <script src="assets/js/modernizr.min.js"></script>
        <script src="assets/js/jquery.slimscroll.min.js"></script>
        <script src="assets/js/slidebars.min.js"></script>
        

        <!--app js-->
        <script src="assets/plugins/notifications/notify.min.js"></script>
        <script src="assets/plugins/notifications/notify-metro.js"></script>
        <script src="assets/plugins/notifications/notifications.js"></script>

        <script type="application/javascript" language="javascript">


            appUrl="http://127.0.0.1:8400/";
            // common scripts
            (function() {



                "use strict";

                // Sidebar toggle

                jQuery('.menu-list > a').click(function() {

                    var parent = jQuery(this).parent();
                    var sub = parent.find('> ul');

                    if(!jQuery('body').hasClass('sidebar-collapsed')) {
                        if(sub.is(':visible')) {
                            sub.slideUp(300, function(){
                                parent.removeClass('nav-active');
                                jQuery('.body-content').css({height: ''});
                                adjustMainContentHeight();
                            });
                        } else {
                            visibleSubMenuClose();
                            parent.addClass('nav-active');
                            sub.slideDown(300, function(){
                                adjustMainContentHeight();
                            });
                        }
                    }
                    return false;
                });

                function visibleSubMenuClose() {

                    jQuery('.menu-list').each(function() {
                        var t = jQuery(this);
                        if(t.hasClass('nav-active')) {
                            t.find('> ul').slideUp(300, function(){
                                t.removeClass('nav-active');
                            });
                        }
                    });
                }

                function adjustMainContentHeight() {

                    // Adjust main content height
                    var docHeight = jQuery(document).height();
                    if(docHeight > jQuery('.body-content').height())
                        jQuery('.body-content').height(docHeight);
                }

                // add class mouse hover

                jQuery('.side-navigation > li').hover(function(){
                    jQuery(this).addClass('nav-hover');
                }, function(){
                    jQuery(this).removeClass('nav-hover');
                });




                // Toggle Menu

                jQuery('.toggle-btn').click(function(){

                    var body = jQuery('body');
                    var bodyposition = body.css('position');

                    if(bodyposition != 'relative') {

                        if(!body.hasClass('sidebar-collapsed')) {
                            window.localStorage.menuType="close";
                            body.addClass('sidebar-collapsed');
                            jQuery('.side-navigation ul').attr('style','');

                        } else {

                            window.localStorage.menuType="open";
                            body.removeClass('sidebar-collapsed chat-view');
                            jQuery('.side-navigation li.active ul').css({display: 'block'});

                        }
                    } else {

                        if(body.hasClass('sidebar-open')){
                            window.localStorage.menuType="open";
                            body.removeClass('sidebar-open');
                        }
                        else {
                            window.localStorage.menuType="open";
                            body.addClass('sidebar-open');
                        }
                        adjustMainContentHeight();
                    }

                    //var owl = $("#news-feed").data("owlCarousel");
                    //owl.reinit();

                });





                // right slidebar

                $(function(){
                    $.slidebars();
                });

                $(".notification-scroll").slimScroll({
                    height: "240px"
                });

                $(".slimscroll").slimScroll({
                    height: 'auto',
                    position: 'right',
                    size: "7px",
                    color: '#98a6ad',
                    wheelStep: 13
                });





                // collapsible panel

                $('.panel .tools .t-collapse').click(function () {
                    var el = $(this).parents(".panel").children(".panel-body");
                    if ($(this).hasClass("fa-chevron-down")) {
                        $(this).removeClass("fa-chevron-down").addClass("fa-chevron-up");
                        el.slideUp(200);
                    } else {
                        $(this).removeClass("fa-chevron-up").addClass("fa-chevron-down");
                        el.slideDown(200); }
                });


                // close panel
                $('.panel .tools .t-close').click(function () {
                    $(this).parents(".panel").parent().remove();
                });


                // side widget close

                $('.side-w-close').on('click', function(ev) {
                    ev.preventDefault();
                    $(this).parents('.aside-widget').slideUp();
                });
                $('.info .add-people').on('click', function(ev) {
                    ev.preventDefault();
                    $(this).parents('.tab-pane').children('.aside-widget').slideDown();

                });


                // refresh panel

                $('.box-refresh').on('click', function(br) {
                    br.preventDefault();
                    $("<div class='refresh-block'><span class='refresh-loader'><i class='fa fa-spinner fa-spin'></i></span></div>").appendTo($(this).parents('.tools').parents('.panel-heading').parents('.panel'));

                    setTimeout(function() {
                        $('.refresh-block').remove();
                    }, 1000);

                });

                $('.btn-animation').on('click', function(br) {
                    //adding animation
                    $('.modal .modal-dialog').attr('class', 'modal-dialog  ' + $(this).data("animation") + '  animated');
                });


                $(function () {
                    $('[data-toggle="popover"]').popover()
                })

                $(function () {
                    $('[data-toggle="tooltip"]').tooltip()
                })



                // tool tips

                $('.tooltips').tooltip();

                // popovers

                $('.popovers').popover();


            })(jQuery);

            //portlets
            !function($) {
                "use strict";

                /**
                 Portlet Widget
                 */
                var Portlet = function() {
                    this.$body = $("body"),
                            this.$portletIdentifier = ".portlet",
                            this.$portletRefresher = '.portlet a[data-toggle="reload"]'
                };

                //on init
                Portlet.prototype.init = function() {
                    // Panel closest
                    var $this = this;

                    // Panel Reload
                    $(document).on("click",this.$portletRefresher, function (ev) {
                        ev.preventDefault();
                        var $portlet = $(this).closest($this.$portletIdentifier);
                        // This is just a simulation, nothing is going to be reloaded
                        $portlet.append('<div class="panel-disabled"><div class="loader-1"></div></div>');
                        var $pd = $portlet.find('.panel-disabled');
                        setTimeout(function () {
                            $pd.fadeOut('fast', function () {
                                $pd.remove();
                            });
                        }, 500 + 300 * (Math.random() * 5));
                    });
                },
                        //
                        $.Portlet = new Portlet, $.Portlet.Constructor = Portlet

            }(window.jQuery),

                    /**
                     * Components
                     */
                    function($) {
                        "use strict";

                        var Components = function() {};
                        //initilizing
                        Components.prototype.init = function() {
                            var $this = this;
                            //creating portles
                            $.Portlet.init();
                        },

                                $.Components = new Components, $.Components.Constructor = Components

                    }(window.jQuery),
                    //initializing main application module
                    function($) {
                        "use strict";
                        $.Components.init();
                    }(window.jQuery);


            $(function () {

                $(".contact-form").submit(function (envent)
                {
                    envent.preventDefault();

                    var form = $(this);
                    $.ajax({
                        url: appUrl+"user/login",
                        type: "post",
                        data: form.serialize(),
                        dataType: "json",
                        beforeSend: function ()
                        {
                            $("#ajax-loader").show();
                        },
                        error: function ()
                        {

                        },
                        complete:function () {

                        },
                        success: function (data)
                        {

                            debugger;
                            if(data){
                                localStorage.user={userName:$("#userName").val()};
                                $.Notification.autoHideNotify('success', 'top center', '登录成功！', '亚马逊卖家欢迎您');

                                window.location.href='goodslist.html';
                            }else{
                                //window.location.href='goodslist.html';
                                //localStorage.user={userName:$("#userName").val()};
                                $.Notification.autoHideNotify('warning', 'top center', '用户名或者密码错误！', '请您重新出入')
                            }
                        },
                        error:function(){
                           // localStorage.user={userName:$("#userName").val()};
                           // $.Notification.autoHideNotify('success', 'top center', '登录成功！', '亚马逊卖家欢迎您');
                           // window.location.href='goodslist.html';
                        }
                    });
                });

            });
        </script>
    </body>

<!-- Mirrored from preview.freewebtemplatesdownload.com/syntra/pages-login.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 07 Mar 2018 10:42:00 GMT -->
</html>
